* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
}

html {
  scroll-behavior: smooth;
}

#header {
  width: 100%;
  height: 75px;
  line-height: 85px;
  display: flex;
  justify-content: space-between;
  padding-right: 80px;
}

#header .menu-toggle {
  display: none;
}

#header .menu-toggle i.fa {
  display: block;
  margin-top: 28px;
}

#header ul {
  display: flex;
  align-items: center;
  gap:30px;
}

#header li {
  display: inline-block;
  list-style: none;
}

#header li a {
  font-size: 20px;
  color: black;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;

}

#header li a:hover {
  border-bottom: 3px solid black;
  padding-bottom: 4px;

}
#leftHeader{
  font-family: 'Poppins', sans-serif;
  padding-left: 50px;

}
.leftHeader-logo {
  width: 120px; /* Adjust the width as needed */
  height: auto; /* Maintain the aspect ratio */
  margin-top: 7px;
}


.scroll-down {
  display: flex;
  justify-content: center;
  
  align-items: center;
  
  height: 130px;
  font-size: 50px;
  color: whitesmoke;
  text-decoration: none;
  font-weight: bold;
}

#menus {
  visibility: var(--header-menu, visible);
}

@media only screen and (max-width:760px) {
  #header {
    flex-direction: column;
    padding:0;
    line-height: 1.2;
    gap:20px;
    height: auto;
  }

  #leftHeader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width:100%;
    padding:0 0 0 30px;
  }

  .leftHeader-logo {
    width: 120px;
  }

  #menus{
    display:flex;
    align-items: center;
    cursor: pointer;
    padding-right:35px;
  }

  #rightHeader{
    display:flex;
    flex-direction: column;
    /*
    28 * 4 + 30 * 4 + 7 = 112 + 120 + 7 = 239
    */
    height: var(--right-header-height,0);
    overflow: hidden;
    transition: height 0.5s ease;
  }

  a{
    padding:0;
  }

}